<template>
	<main-layout title='首页' :current='0'>
		<template #left>
			<view class="map">
				<u-icon name="map" color="#fff" size="20"></u-icon>
				<text>成都</text>
			</view>
		</template>
		<view class="content">
			<image class="bg" src="/static/images/index-bg.png" />
			<view class="text-area">
				<text class="title">{{ title }}</text>
				<up-button type="primary" @click="onClick" :text="title"></up-button>
			</view>
		</view>
	</main-layout>
</template>

<script setup lang="ts">
	import { ref } from 'vue'
	const title = ref('首页')

	const onClick = () => {
		// uni.navigateTo({
		// 	url: '/subpages/business-process/index'
		// })
		uni.navigateTo({
			url: '/pages/login/login'
		})
	}
</script>

<style scoped lang="scss">
	.map {
		color: #fff;
		display: flex;

		text {
			margin-bottom: 4px;
		}
	}

	.content {
		.bg {
			width: 100%;
			height: 500rpx;
			position: fixed;
			top: -8px;
			left: 0;
			right: 0;
			bottom: 0;
		}

	}
</style>